<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
  <!-- 超链接 a
   属性: href 超链接的连接地址 1)当前项目的其他html文件  2）其他网址 3）#id属性的值（实现抛锚点）
        <a href="#biaot">实现回到顶部</a>
        target 连接的跳转方式  _blank 重新打开一个网页跳转 _self当前网页跳转
    图片标签img
        src 图片的路径
        width height 宽高
        title 鼠标悬停时的提示
        alt 图片加载失败时的提示
  -->
    <a href="list.html" target="_self">这是个超链接</a></br>
    <a href="http://www.baidu.com" target="_blank">百度</a></br>
    <img src="cat.jpeg" width="200px" height="150px" title="这是个猫图片" alt="猫图片">
    <img src="//www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="200px" height="150px" title="这是百度图片" alt="百度图片">

    <a href="http://www.baidu.com" target="_blank">
        <img src="//www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="200px" height="150px" title="这是百度图片" alt="百度图片">
    </a>
</body>
</html>